<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!-- 引入 ECharts 文件 -->
        <script src="js/echarts.min.js"></script>
    </head>
<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main"
     style="width: 600px;height:400px;position:absolute;top:50%;left: 50%;margin-top: -200px;margin-left: -300px;"></div>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    function a1() {
        $.ajax({
            url: "/entrustTypeEchart"
            , type: 'get'
            , async: false
            , success: function (data) {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('main'));//main是<div id="main" style="width: 600px;height:400px;"></div>的id

                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: '委托类型数据图'
                    },
                    tooltip: {},
                    legend: {
                        data: ['类型']
                    },
                    xAxis: {
                        data: data.x
                    },
                    yAxis: {},
                    series: [{
                        name: '销量',
                        type: 'bar',
                        data: data.y
                    }]
                }; // 指定图表的配置项和数据


                myChart.setOption(option);
            }
        });
    }


</script>
</body>
</html>